body, html {
    margin: 0;
    padding: 0;

}

.ping {
    display: flex;
    flex-direction: row;
    background-color: #3a87ad;
}

.left {
    flex: 1;
    padding: 1%;
    /*border: solid 1px red;*/
}

#zhu {
    border: 1px solid silver;
}

#leida {
    border: 1px solid silver;
    margin-top: 1%;


}

.ping .middle {
    flex: 2;
}

.right {
    flex: 1;
    padding: 1%;
    /*border: solid 1px red;*/
}

#time {
    border: 1px solid silver;
    width: 96%;

}

#hongguan {
    border: 1px solid silver;
    margin-top: 1%;
}

.middle {
    height: 1000px;
    border: solid 1px red;

}
